*{margin: 0;padding: 0;}
.continer{width: 1000px;height: 900px;margin: 0 auto;}
.content1{width: 1000px;height: 325px;margin-top: 20px;}
a{text-decoration: none;}
.picbox{width: 663px;height: 325px;float: left;position: relative;overflow: hidden;}
ul{list-style: none;margin: 0;padding: 0;}
.picbox .img{width: 3978px;height: 325px;transition: all .5s ease;transform: translateX(0);}
.picbox .img  li{float: left;display: none;width: 663px;height: 325px;position: relative;}
.picbox .img .show{display: block;}
.picbox .img  li img{cursor: pointer;}
.picbox .img  li span{display: block;width: 663px;height: 40px; top: 285px;line-height: 40px; left: 0; background: rgba(0,0,0,.7); color: white;position: absolute;}
.picbox .img  li span i{width: 18px;height: 18px;background: url(../img/mvplay1.png) no-repeat;position: relative;left: 5px;top: 4px;display: inline-block;}
.picbox .img  li span a{color: white;text-decoration: none;padding-left:20px;font-size: 13px;font-weight: bold;}
.picbox .img  li span a:hover{text-decoration:underline;}
.picbox .point {cursor: pointer;position: absolute;right: 15px;bottom: 14px;}
.picbox .point  li{margin-left:4px; width: 12px;height: 11px;float: left;background: url(../img/mvdoc1.png) no-repeat;}
.picbox .point .hov{background: url(../img/mvdoc2.png) no-repeat;}
.listbox{width: 317px;height: 325px;float: right;}
.listbox h3{margin: 0;padding: 0;width: 317px;height: 30px;font-size: 14px;color: white;line-height: 30px;}
.listbox h3 span{width: 219px;height: 30px;padding-left: 15px;background: #deb200;display: inline-block;float: left;}
.listbox h3 a{width: 82px;height: 30px;text-decoration: none;color: white;background: #363636;display: inline-block;float: right;text-align: center;}
.listbox ul li{width: 317px;height: 29px;cursor: pointer;}
.listbox ul li:hover{background: #959595;}
.listbox ul{clear: both; width: 317px;height: 293px;background: #363636;margin-top: 2px;}
.listbox ul li span{display: inline-block;width: 37px;height: 29px;float: left;background: url(../img/mvbg.png) no-repeat;background-position: -336px -218px;}
.listbox ul li:hover span{background-position: -296px -218px;}
.listbox ul li font{width: 220px;height: 29px;display: inline-block;color: white;font-size: 14px;float: left;line-height: 29px;}
.listbox ul li i{display: none; width: 18px;height: 26px;float: left;background: url(../img/mvplay1.png) 0 6px no-repeat;}
.listbox ul li:hover i{display: inline-block;}

.content2{width: 210px;height: 184px;float: left;margin-top: 18px;text-align: center;}
.content2 h3,.content3 h3{text-align: center; margin: 0;padding: 0; width: 210px;height: 30px;display: inline-block;background: #cfcfcf;font-size: 16px;color: white;line-height: 30px;}
.manu{width: 210px;height: 144px;padding-top: 10px;}
.manu li{cursor: pointer; width: 210px;height: 36px;color: #555;font-size: 14px;line-height: 36px;}
.manu li:hover{background: #85d4f3;color: white;}
.manu .selected{background: #85d4f3;color: white;}

.content3{width: 780px;height: 557px;float: right;margin-top: 18px;}
.content3 h3{width: 780px;}
.content3 .mvlist{margin-top: 10px;width: 800px;height: 480px;}
.content3 .mvlist li{width: 140px;height: 110px;margin-right: 20px;margin-bottom: 10px;float: left;position: relative;}
.content3 .mvlist li img{width: 140px;height: 78px;}
.content3 .mvlist li span{color: #555;font-size: 14px; text-overflow: ellipsis;white-space: nowrap;margin-top: 2px;margin-left: 3px;width: 124px;height: 20px;display: block;}
.content3 .mvlist li i{display:inline-block;background: url(../img/mvplay2.png); position: absolute;width: 21px;height: 21px;top: 45px;right: 12px;}
.content3 .pag{word-spacing: 10px;font-size: 14px; font-family: arial;font-style: italic; width: 780px;height: 21px;margin-top: 15px;text-align: center;}
.content3 .pag a{color: #333;}
.content3 .pag .inpag{font-weight: bold;text-decoration: underline;}
.content3 .pag a:hover{font-weight: bold;text-decoration: underline;}
.content3 .pag .nextpag{font-style:normal;font-family: "微软雅黑";cursor: pointer;}


.continer2{width: 1000px;margin: 0 auto;height: 1400px;}
.leftmanu{text-align: center;margin-top: 20px;width: 210px;height: 289px;float: left;}
.leftmanu .manu{width: 210px;height: 252px;}
.leftmanu .manu li{margin-bottom: 18px;}
.leftmanu .manu li:hover{background: #169af3!important;}
.leftmanu .manu .selected{background: #169af3!important;}
.right{width: 770px;margin-top: 20px;float: right;}
.right .songlist{font-size: 14px;}
.right .songlist li{width: 770px;height: 123px;border-bottom: 1px solid #dcdcdc;}
.right .songlist li .pic{float: left; display: inline-block;background: url(../img/songborder.png) -119px -407px no-repeat; width: 108px;height: 119px;padding-top: 4px;padding-left: 4px;margin-left: 5px;}
.right .songlist li .pic:hover{background-position:-2px -408px;}
.right .songlist li .pic img{width: 100px;height: 100px;}
.right .songlist li div{width: 650px;height: 25px;line-height: 25px;float: right;}
.right .songlist li div a{cursor: pointer; float: left;color: #333;}
.right .songlist li div a:hover{color: #6fcef4;}
.right .songlist li div span{float: right;color: #333;}
.right .songlist li p {float: right; width: 637px;height: 40px;margin: 5px 13px 8px 0;color: #999;line-height: 22px;overflow: hidden;}
.right .songlist li .btna1,.right .songlist li .btna2{cursor: pointer; font-size: 12px; color: white; position: relative;margin-left: 3px; margin-right: 15px;border: 1px solid #169af3;border-radius: 2px; background: #169af3;height: 12px;padding: 6px 20px 8px 35px;display: inline-block;}
.right .songlist li .btna1:hover{background: #158fe1;}
.right .songlist li .btna2:hover{background: #158fe1;}
.right .songlist li .btna2{padding: 6px 25px 8px 40px;}
.right .songlist li .i1,.right .songlist li .i2{position: absolute;width: 9px;height: 12px;top: 8px;left: 20px;background: url(../img/songbtn1.png) -570px -90px no-repeat;display: inline-block;}
.right .songlist li .i2{top: 7px; width: 14px;height: 14px;background-position: -300px -90px;}
.right .downloadlink{width: 770px;height: 120px;margin-top: 20px;color: #666;font-size: 16px;text-align: center;line-height: 120px;}
.right .downloadlink a{line-height: 34px; display: inline-block;width: 106px;height: 34px;margin-left: 20px;border: 1px solid #169af3;border-radius: 2px; background-color: #169af3;vertical-align: middle; color: white;}
.right .downloadlink a:hover{background: #158fe1;}

/*product页面*/

.continer3{}
.topbanner{width: 100%;height: 79px;display: block;background: url(../img/producttopbanner.jpg) no-repeat top center;}
.topbanner2{margin: 0 auto; width: 960px;height: 40px;background: url(../img/producttopbanner2.jpg) no-repeat 0 bottom;;}
.topbanner2 a{float: right;color: #0c85cc;text-decoration: none;font-size: 14px;width: 42px;height: 40px;display: inline-block;text-align: center;line-height: 40px;}
.topbanner2 .caricon{width: 16px;height: 16px;margin-top: 12px; padding-left: 12px;background: url(../img/producticon.png) no-repeat;background-position: 12px -310px;border-left: 1px solid #0c85cc;}
.topnav{z-index: 10; width: 100%;height: 60px;background: #008ad4;}
.topnav .navcontent{line-height: 60px; height: 60px;width: 960px;margin: 0 auto;}
.topnav .navcontent a{float: left; width: 170px;height: 40px;display: inline-block;padding-top: 10px;padding-right: 10px;}
.topnav .navcontent a img{z-index: 999;width=170px;height: 40px;}
.topnav .navcontent ul{color: white;}
.topnav .navcontent ul li{height: 60px;padding: 0 11px;float: left;cursor: pointer;}
.topnav .navcontent .rightnv{float: right;}
.product1{margin-bottom: 10px; width: 100%;height: 500px;display: block;background: url(../img/product1.jpg) -300px 0 no-repeat;}
.products{width: 990px;margin: 0 auto;}
.products .products1,.products .products2,.products .products3{width: 1000px;height: 739px;padding-bottom: 60px;}
.products .products1 a,.products .products2 a,.products .products3 a{display: block;float: left;padding-right: 5px;padding-bottom: 5px;}
.products .products3 {padding-bottom: 20px;}
.productbottom{width: 960px;height: 110px;margin: 80px auto 80px;color: #666;}
.productbottom ul{float: left; width: 730px;height:108px ;border-right: 1px solid #dfdfdf;}
.productbottom ul li{width: 195px;height: 108px;float: left;font-weight: normal;}
.productbottom ul li span{margin: 0;padding: 0;padding-bottom: 15px;display: block;}
.productbottom ul li a{display: block;color: #666;font-size: 12px;height: 24px;line-height: 24px;}
.productbottom .pbottomright{text-align: center;font-size: 12px;line-height: 20px; width: 189px;height: 100px;margin-left: 40px;float: right;}
.productbottom .pbottomright a{margin: 5px auto;border-radius: 5px; display: block;color: white;line-height: 26px;font-size: 14px; width: 79px;height: 26px;border: 1px solid #008ad4;background: #008ad4;}
.productbottom2{position: relative; margin: 0 auto 55px;border-top: #c2c2c2 1px solid; width: 960px;height: 147px;font-size: 12px;color: #999;}
.productbottom2 .pfooterhead{margin: 15px 0;}
.productbottom2 .pfooterhead a{color: #666;margin: 0 5px;}
.productbottom2 .pfooterbody p{height: 25px;line-height: 25px;}
.productbottom2 .pfooterbody p .footerimg1{vertical-align: middle; width: 16px;height: 16px;margin-top: -2px; background: url(../img/footer1.png) no-repeat;display: inline-block;}
.productbottom2 .pfooterbody p .footerimg2{width: 20px;height: 20px;background: url(../img/footer2.png) no-repeat;display: inline-block;}
.productbottom2 img{width: 148px;height: 35px;position: absolute;top: 60px;left: 812px;}
.productscroll{position: fixed;left: 1190px;top: 60%;}
